{% extends "./teacher_base.html" %}

{% block page_title %}教师仪表盘{% endblock %}

{% block main_content %}
<h2 class="text-2xl font-semibold mb-4">教师仪表盘</h2>
<p class="text-text-secondary">欢迎回来，{{ user.username }}老师。这是您的教学管理中心。</p>

<!-- 教师专属数据统计卡片 -->
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-6">
    <div class="border border-neutral-dark rounded-lg p-4">
        <div class="flex justify-between items-start">
            <div>
                <p class="text-text-secondary text-sm">负责课程</p>
                <h3 class="text-2xl font-bold mt-1">5</h3>
            </div>
            <div class="w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary">
                <i class="fa fa-book"></i>
            </div>
        </div>
    </div>
    
    <div class="border border-neutral-dark rounded-lg p-4">
        <div class="flex justify-between items-start">
            <div>
                <p class="text-text-secondary text-sm">学生总数</p>
                <h3 class="text-2xl font-bold mt-1">128</h3>
            </div>
            <div class="w-10 h-10 rounded-full bg-accent/10 flex items-center justify-center text-accent">
                <i class="fa fa-users"></i>
            </div>
        </div>
    </div>
    
    <div class="border border-neutral-dark rounded-lg p-4">
        <div class="flex justify-between items-start">
            <div>
                <p class="text-text-secondary text-sm">待批改作业</p>
                <h3 class="text-2xl font-bold mt-1">17</h3>
            </div>
            <div class="w-10 h-10 rounded-full bg-secondary/10 flex items-center justify-center text-secondary">
                <i class="fa fa-pencil"></i>
            </div>
        </div>
    </div>
</div>

<!-- 教师功能操作区 -->
<div class="mt-8">
    <h3 class="text-lg font-semibold mb-4">快速操作</h3>
    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
        <a href="" class="block p-4 border border-neutral-dark rounded-lg hover:border-primary transition-colors">
            <div class="flex items-center">
                <div class="w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary mr-3">
                    <i class="fa fa-graduation-cap"></i>
                </div>
                <div>
                    <h4 class="font-medium">课程管理</h4>
                    <p class="text-sm text-text-secondary">管理教学课程内容</p>
                </div>
            </div>
        </a>
        
        <a href="" class="block p-4 border border-neutral-dark rounded-lg hover:border-primary transition-colors">
            <div class="flex items-center">
                <div class="w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary mr-3">
                    <i class="fa fa-user-circle"></i>
                </div>
                <div>
                    <h4 class="font-medium">学生管理</h4>
                    <p class="text-sm text-text-secondary">查看学生信息和进度</p>
                </div>
            </div>
        </a>
        
        <a href="" class="block p-4 border border-neutral-dark rounded-lg hover:border-primary transition-colors">
            <div class="flex items-center">
                <div class="w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary mr-3">
                    <i class="fa fa-file-text"></i>
                </div>
                <div>
                    <h4 class="font-medium">作业管理</h4>
                    <p class="text-sm text-text-secondary">发布和批改作业</p>
                </div>
            </div>
        </a>
        
        <a href="" class="block p-4 border border-neutral-dark rounded-lg hover:border-primary transition-colors">
            <div class="flex items-center">
                <div class="w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary mr-3">
                    <i class="fa fa-bar-chart"></i>
                </div>
                <div>
                    <h4 class="font-medium">成绩管理</h4>
                    <p class="text-sm text-text-secondary">录入和查看学生成绩</p>
                </div>
            </div>
        </a>
    </div>
</div>
{% endblock %}